<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>购物车</title>
    <link rel="stylesheet" href="/css/shopping.css">
</head>
<body>
    <header class="header"></header>
    <section>

        <div class="cartbox">
            <!-- <p>
                
                <span>返回</span>
                <span>主页/您的购物袋</span>
            </p>
            <p class="bag">您的购物袋</p> -->
            <div class="largebox" id="largebox">

            </div>
            <script type="text/html" id="srcshop">
            <div class="leftcartbox">
                <p class="listtitle">
                    <span>产品</span>
                    <span>规格</span>
                    <span>数量</span>
                    <span>价格</span>
                    <span>小计</span>
                </p>
                <ul>
                        {{each cartlist shop}}
                        <li data-id="{{shop.id}}">
                                <div class="firstinfo">
                                    <img src="{{shop.imgs[0]}}" alt="">
                                    <p class="delete">移除</p>
                                </div>
                                <div class="secondinfo">
                                    <div class="name">{{shop.goodsname}}</div>
                                    <div class="color">颜色：{{shop.sale}}</div>
                                    <div class="size">尺寸：{{shop.special}}</div>
                                </div>
                                <div class="thirdinfo">
                                    <div class="btninfo">
                                        <span class="btnjian">-</span>
                                        <span class="shopnum">{{shop.count}}</span>
                                        <span class="btnjia">+</span>
                                    </div>
                                </div>
                                <div class="forthinfo">
                                    <div class="price"  id="price">{{shop.price}}</div>
                                </div>
                                <div class="fifthinfo">
                                    <p class="xiaoji">￥{{(shop.count)*((shop.price).slice(1))}}</p>
                                </div>   
                            </div>  
                         </div>
                                <div class="rightinfo">
                                    <div class="goodsprice"></div>
                            </li>
                    
                    {{/each}}   
                </ul>
                </div>
                <!-- <div class="emptybox" id="emptybox">
                <p>您的购物车还没有商品哦</p>
                </div> -->
                <div class="rightcartbox">
                    <!-- <p class="info1">
                        <span>小计</span>
                       <span id="money"></span>
                    </p> -->
                    <div class="rightcartbox-top">
                        <h2>
                            您的订单小计
                        </h2>
                        <hr>
                        <p class="info1">
                            <span>小计</span>
                            <!-- <span id="moneytoo"></span> -->
                        </p>
                        <p class="info2">
                            <span>标准运费</span>
                            <span >￥0</span>
                        </p>
                        <p class="info3">
                            <span>预计总额</span>
                            <span id="moneytoo"></span>
                        </p>
                    </div>
                    <div class="rightcartbox-button">
                        
                        <h2>
                            其他信息
                        </h2>
                        <hr>
                        <p class="info4">
                            <a href="#"><span>运费及处理费</span></a>                            
                        </p>
                        <p class="info4">
                            <a href="#"><span>退回政策</span></a>
                            
                        </p>
                        <p class="info4">
                            <a href="#"><span>最大限购政策</span></a>
                            
                        </p>

                    </div>
                    
                </div>
             </script>
        </div>



    </section>
    <footer class="footer"></footer>
    <script src="/libs/require/require.min.js" data-main="/js/shopping"></script>
</body>

</html>